.anime-skeleton {
  margin: 3rem 5rem 2rem 5rem;
  display: grid;
  grid-template-columns: 70% calc(30% - 1rem);
  gap: 1rem;
  align-items: flex-start;

  .episodes-wrapper {
    border-radius: 0.4rem;
    padding: 1rem;
    background-color: #f1f2f3;

    .episodes-title {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 44px;
      user-select: none;
      h4 {
        padding: 0;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
      }
    }

    .episodes {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr));
      grid-gap: 0.8rem;
      grid-row-gap: 1rem;
      justify-content: space-between;
    }
  }
}

@media screen and (max-width: 900px) {
  .anime-skeleton {
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 600px) {
  .anime-skeleton {
    margin: 1rem;
  }
}
